<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>header</title>
    <link rel="stylesheet" href="./css/header.css">
    <!-- <script src="./js/jquery-3.6.0.min.js"></script> -->
</head>
<body>

    <nav>
        
        <div><a href="index.html"><img src="./images/logo.png" alt="LOGO"></a></div>
        <div>
            <ul>
                <li><a href="index.html" style="text-decoration: none;color:#555">首页</a></li>
                <li><a href="goods.html" style="text-decoration: none;color:#555">成分</a></li>
                <li><a href="goods.html" style="text-decoration: none;color:#555">产品</a></li>
                <li>品牌</li>
                <li>新闻</li>
                <li>薇光计划</li>
                <li>
                    <img src="./images/weibo.png" alt="微博">
                    <div class="qrbg">
                        <img src="./images/weibo_qr.png" alt="">
                        <span>RNW&nbsp;&nbsp;官方微博</span>
                    </div>
                </li>
                <li>
                    <img src="./images/weixin.png" alt="微信">
                    <div class="qrbg">
                        <img src="./images/weixin_qr.png" alt="">
                        <span>RNW&nbsp;&nbsp;微信公众号</span>
                    </div>
                </li>
                <li>
                    <img src="./images/xhs.png" alt="小红书">
                    <div class="qrbg">
                        <img src="./images/xhs_qr.png" alt="">
                        <span>RNW&nbsp;&nbsp;小红书品牌号</span>
                    </div>
                </li>
                <li >
                    <img src="./images/search.png" alt="搜索">
                    <img src="./images/search-on.png" alt="搜索">
                    
                    <div class="top_search">
                        <input type="search" placeholder="输入“商品名称/成分名称/护肤品类”搜索">
                    </div>
                    
                </li>
            </ul>
        </div>
        
    </nav>
</body>
</html>